<template>
    <div class="skeleton page">
        <view class="skeleton-swiper">
            <view class="skeleton-title">
            </view>
            <view class="skeleton-lab">
            </view>
            <view class="skeleton-content"></view>
        </view>
        <button class="skeleton-start-btn"></button>
    </div>
</template>
<script>
    export default {
        name:'exam'
    }
</script>
<style scoped>
    .skeleton {
        position: fixed;
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
        background: #fff;
        width: 100%;
    }
    .skeleton-swiper {
        height:300upx;
        text-align: center;
        margin: 300upx 40upx;
        background:#eee;
    }

    .skeleton-title {
        color: #333;
        font-weight: bold;
        background:#eee;
    }

    .skeleton-lab {
        color: #999;
        margin: 20upx 0 40upx;
        background:#eee;
    }

    .skeleton-content {
        font-size: 28upx;
        color: #666666;
        background:#eee;
    }
    .skeleton-start-btn {
        position: fixed;
        bottom: 160upx;
        left: 0;
        right: 0;
        width: 610upx;
        height: 80upx;
        background-color: #eee;
        border-radius: 8upx;
    }

</style>
